import {createRouter, createWebHistory} from 'vue-router'

// 路由列表
const routes = [
    {
      meta:{
        title: "浮光在线教育-首页",
        keepAlive: true
      },
      path:'/',         // uri访问地址
      component: ()=> import("../views/Home.vue")
    },{
      meta:{
        title: "登录",
        keepAlive: true
      },
      path: '/login',
      name: "Login",            // 路由名称
      component: ()=> import("../views/Login.vue"),         // uri绑定的组件页面
    },{
      meta:{
        title: "注册",
        keepAlive: true
      },
      path: '/register',
      name: "Register",            // 路由名称
      component: ()=> import("../views/Register.vue"),         // uri绑定的组件页面
    }
]

const router = createRouter({
  // history, 指定路由的模式
  history: createWebHistory(),
  // 路由列表
  routes,
});

// 客户端权限验证写在路由守卫里面
// 服务端的验证，分2块，1块在客户端的axios附带token，另1块在api服务端的视图中调用permission

router.beforeEach((to, from) => {
    document.title = to.meta.title
    // 返回 false 以取消导航
    // return false
})

export default router

// 客户端权限验证写在路由守卫里面
// 服务端验证
